<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<link rel="stylesheet" type="text/css" href="css/common.css"/>
		<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_804008_lfdhz76xasj.css" />
		<script src="js/rem.js"></script>
	</head>

	<body>
		<header>
			<div class="option">
				<label for="login-page"><i class="iconfont icon-option"></i></label>
			</div>
			<div class="logo"><img src="img/common_nav.jpg.png"/></div>
			<div class="h-search">
				<label for="search-page"><i class="iconfont icon-sousuokuangx"></i></label>
			</div>
			<!--搜索框制作-->
		</header>
		<!--header制作-->
		<nav>
			<div class="nav-lb">
				<img src="img/01.jpg" />
			</div>
			<div class="text-bg">
				<div class="text">
					<p>省广股份携手阿里妈妈举行DT大时代 全息营销全息营销</p>
					<div class="text-bottom clearfix">
						<div class="fl">
							<span><a href="#" class="iconfont icon-zan1"></a>120</span>
							<span><a href="#" class="iconfont icon-iconeye"></a>560</span>
						</div>
						<div class="fr"><span>12月26日 07:33:43</span>
							<div class="clear"></div>
					</div>
						<div class="dot">
						<i class="iconfont icon-yuandianzhong"></i>
						<i class="iconfont icon-yuandianzhong"></i>
						<i class="iconfont icon-yuandianzhong"></i>
						<i class="iconfont icon-yuandianzhong"></i>
						</div>
					</div>
				</div>
			</div>
		</nav>
		<section>
			<div class="demo clearfix">
				<div class="demo-f fl">
					<span>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</span>
					<div class="time clearfix">
						<div class="time-f fl">
							<span><a href="#" class="iconfont icon-zan1"></a>120</span>
						</div>
						<div class="time-r fr">
							<span>2小时前</span>
							<span>[案例观点]</span>
						</div>
					</div>
				</div>
				<div class="demo-r fr">
					<img src="img/article_02.jpg" />
				</div>
			</div>
			<!--1-->
			<div class="demo clearfix demo1">
				<div class="demo-f fl">
					<span>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</span>
					<div class="time clearfix">
						<div class="time-f fl">
							<span><a href="#" class="iconfont icon-zan1"></a>866</span>
						</div>
						<div class="time-r fr">
							<span>5小时前</span>
							<span>[课程]</span>
						</div>
					</div>
				</div>
				<div class="demo-r fr">
					<img src="img/article_03.jpg" />
				</div>
			</div>
			<!--2-->
			<div class="strip"></div>
			<div class="demodemo">
				<p>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</p>
				<div class="demodemo-pi clearfix">
					<div class="fl">
						<img src="img/article_04.jpg" />
					</div>
					<div class="fl">
						<img src="img/article_05.jpg" />
					</div>
					<div class="fl">
						<img src="img/article_06.jpg" />
					</div>
				</div>
				<div class="comment clearfix">
					<div class="comment-f fl">
						<img src="img/comment.png" />
						<span>陈光正</span>
						<a href="#" class="iconfont icon-iconfontconment"></a>
						<span>6868</span>
						<a href="#" class="iconfont icon-zan1"></a>
						<span>4848</span>
					</div>
					<div class="comment-r fr">
						<span>2天前</span>
						<span>[案例观点]</span>
					</div>
				</div>

			</div>
			<!--11-->
			<div class="demo clearfix">
				<div class="demo-f fl">
					<span>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</span>
					<div class="time clearfix">
						<div class="time-f fl">
							<span><a href="#" class="iconfont icon-zan1"></a>6</span>
						</div>
						<div class="time-r fr">
							<span>12月26日 07:33:43</span>
							<span>[新闻]</span>
						</div>
					</div>
				</div>
				<div class="demo-r fr">
					<img src="img/article_07.jpg" />
				</div>
			</div>
			<!--3-->
			<div class="demo clearfix demo1">
				<div class="demo-f fl">
					<span>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</span>
					<div class="time clearfix">
						<div class="time-f fl">
							<span><a href="#" class="iconfont icon-zan1"></a>6</span>
						</div>
						<div class="time-r fr">
							<span>12月26日 07:33:43</span>
							<span>[项目]</span>
						</div>
					</div>
				</div>
				<div class="demo-r fr">
					<img src="img/article_08.jpg" />
				</div>
			</div>
			<!--4-->
			<div class="demodemo">
				<p>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</p>
				<div class="demodemo-pi clearfix">
					<div class="fl">
						<img src="img/article_09.jpg" />
					</div>
					<div class="fl">
						<img src="img/article_10.jpg" />
					</div>
					<div class="fl">
						<img src="img/article_11.jpg" />
					</div>
				</div>
				<div class="comment clearfix">
					<div class="comment-f fl">
						<img src="img/comment.png" />
						<span>陈光正</span>
						<a href="#" class="iconfont icon-iconfontconment"></a>
						<span>6868</span>
						<a href="#" class="iconfont icon-zan1"></a>
						<span>4848</span>
					</div>
					<div class="comment-r fr">
						<span>2天前</span>
						<span>[案例观点]</span>
					</div>
				</div>
			</div>
			<!--21-->
			<div class="demo clearfix">
				<div class="demo-f fl">
					<span>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</span>
					<div class="time clearfix">
						<div class="time-f fl">
							<span><a href="#" class="iconfont icon-zan1"></a>6</span>
						</div>
						<div class="time-r fr">
							<span>12月26日 07:33:43</span>
							<span>[新闻]</span>
						</div>
					</div>
				</div>
				<div class="demo-r fr">
					<img src="img/article_12.jpg" />
				</div>
			</div>
			<!--5-->
			<div class="demo clearfix">
				<div class="demo-f fl">
					<span>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</span>
					<div class="time clearfix">
						<div class="time-f fl">
							<span><a href="#" class="iconfont icon-zan1"></a>6</span>
						</div>
						<div class="time-r fr">
							<span>12月26日 07:33:43</span>
							<span>[项目]</span>
						</div>
					</div>
				</div>
				<div class="demo-r fr">
					<img src="img/article_13.jpg"/>
				</div>
			</div>
			<!--6-->
			<div class="more">加载更多</div>
		</section>
		<footer>
			<ul>
				<li>
					<a href="index.html" class="sy">
						<span><img src="img/02home_r.png"/></span>
						<p>首页</p>
					</a>
				</li>
				<li>
					<a href="GIMC.html">
						<span><img src="img/03GIMC_g.png" /></span>
						<p class="j">GIMC</p>
					</a>
				</li>
				<li>
					<a href="article .html">
						<span><img src="img/05article_g.png"/></span>
						<p>文章</p>
					</a>
				</li>
				<li>
					<a href="#">
						<span><img src="img/07resou_g.png"/></span>
						<p>资源</p>
					</a>
				</li>
				<li>
					<a href="#">
						<span><img src="img/09college_g.png"/></span>
						<p>学院</p>
					</a>
				</li>
			</ul>
		</footer>
		<!--热搜页面-->
			<input type="checkbox" id="search-page">
			<div class="hot-search">
			<div class="public-search clearfix">
				<div class="s-cha fl">
					<label for="search-page"><i class="iconfont icon-cha1"></i></label>
				</div>
				<form action="#" method="post" class="input fl">
					<i class="iconfont icon-sousuokuangx fl"></i>
					<input type="text" class="input-text fr" placeholder="Search"/>
					<div class="clear"></div>
				</form>
			</div>
			<!--common搜索框制作-->
			<div class="s-key">
				<h1>热搜</h1>
				<div class="s-keyword clearfix">
					<div class="keyword fl">
						<a href="#">省广股份</a>
					</div>
					<div class="keyword fl">
						<a href="#">移动互联网</a>
					</div>
					<div class="keyword fl">
						<a href="#">细分平台业务</a>
					</div>
				</div>
				<div class="s-keyword clearfix">
					<div class="keyword fl">
						<a href="#">020</a>
					</div>
					<div class="keyword fl">
						<a href="#">媒介平台</a>
					</div>
					<div class="keyword fl">
						<a href="#">拥抱变革，创造未来</a>
					</div>
				</div>
				<div class="s-keyword clearfix">
					<div class="keyword fl">
						<a href="#">平台</a>
					</div>
					<div class="keyword fl">
						<a href="#">上海金投赏创意节</a>
					</div>
				</div>
			</div>
		</div>
		<!--热搜页面-->
		<!--登录注册-未登录-->
		<input type="checkbox" id="login-page">
		<div class="login">
			<div class="public-search clearfix">
				<div class="s-cha fl">
					<label for="login-page"><i class="iconfont icon-cha1"></i></label>
				</div>
				<form action="#" method="post" class="input fl">
					<i class="iconfont icon-sousuokuangx fl"></i>
					<input type="text" class="input-text fr" placeholder="Search"/>
					<div class="clear"></div>
				</form>
			</div>
			<!--common搜索框制作-->
			<div class="percen">
				<div class="headportrait-wrap"> 
					<div class="headportrait">
						<img src="img/mx-nologin.png" />
					</div>
					<p><a href="#">立即登陆</a></p>
					<p><a href="#">忘记密码</a></p>
				</div>
					<div class="classify">
						<div class="classify-wrap">
						<a class="gimc">
							<p>GIMC</p>
							<i class="iconfont icon-xiangyoucu"></i>
						</a>
						<a class="gimc">
							<p>文章</p>
							<i class="iconfont icon-xiangyoucu"></i>
						</a>
						<a class="gimc">
							<p>资源</p>
							<i class="iconfont icon-xiangyoucu"></i>
						</a>
						<a class="gimc course">
							<p>课程</p>
							<i class="iconfont icon-xiangyoucu"></i>
						</a>
						</div>
					</div>
				</div>
		</div>
		<!--登录注册-未登录-->
		</body>

</html>